<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:pe="http://primefaces.org/ui/extensions"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:fn="http://java.sun.com/jsp/jstl/functions">
    <ui:composition template="/layout/masterPageNotHeaderSearch.xhtml">
        <ui:define name="ui-header">
            <title>#{utilsController.getLanguages("DangNhap")}</title>
        </ui:define>


        <ui:define name="ui-content">
            
            <div class="container content bg-gradient-body">
                <div class="row">
                    
                    <div class="col-md-3"/>
                    <div class="col-md-5">
                        <div class="panel panel-default buyGuides rounded-2x login-form-custom">
                            <div class="panel-body">
                                <h:form class="sky-form" id="sky-form1">
                                    <p:growl id="growl" showDetail="true" sticky="true" escape="false"  />  
                                    <header style="padding-right: 0px">#{utilsController.getLanguages("DangNhap")} 
                                        <div class="pull-right">
                                            <a class="btn-u btn-u-dark-blue rounded-custom-def" href="#{mainController.dialogFacebookLink()}">
                                                <i class="fa fa-facebook"></i>
                                            </a>
                                            <a type="button" class="btn-u btn-u-red rounded-custom-def" href="/getLinkGoogle.ht">
                                                <i class="fa fa-google-plus"></i></a>
                                            <a type="button" class="btn-u btn-u-aqua rounded-custom-def" href="/getLinkTwitter.ht">
                                                <i class="fa fa-twitter"></i></a>
                                        </div>
                                    </header>

                                    <fieldset style="padding-left: 10px;padding-right: 10px">                  
                                        <section>
                                            <div class="row">
                                                <label class="label col col-4">#{utilsController.getLanguages("UserID")}</label>
                                                <div class="col col-8">
                                                    <label class="input">
                                                        <i class="icon-append fa fa-user"></i>
                                                        <input id="txtMa" type="tel" name="email" class="rounded-custom-def"></input>
                                                    </label>
                                                </div>
                                            </div>
                                        </section>

                                        <section>
                                            <div class="row">
                                                <label class="label col col-4">#{utilsController.getLanguages("MatKhau")}</label>
                                                <div class="col col-8">
                                                    <label class="input">
                                                        <i class="icon-append fa fa-lock"></i>
                                                        <input type="password" id="txtMatKhau" name="password" onkeypress="DangNhap_Enter(event)" class="rounded-custom-def"></input>
                                                    </label>
                                                    <div class="note"><a class="modal-opener" href="/forgotpassword.html">#{utilsController.getLanguages("ForgetPassword")}</a></div>
                                                </div>
                                            </div>
                                        </section>
                                    </fieldset>
                                    <footer>
                                        <button class="btn-u rounded-custom-def" onclick="return DangNhap_Click();" type="button">
                                            <i class="fa fa-key"></i> #{utilsController.getLanguages("DangNhap")}</button>
                                        <a class="btn-u btn-u-default rounded-custom-def" href="/registration.html">
                                            <i class="fa fa-user"></i> #{utilsController.getLanguages("DangKy")}</a>
                                        <p:remoteCommand name="DangNhap"  actionListener="#{sys_NguoiDungController.DangNhap}" update=":sky-form1"></p:remoteCommand>
                                    </footer>
                                </h:form>    
                            </div>
                        </div>

                    </div>
                    <div class="col-md-4">
                    </div>
                </div>
            </div>


        </ui:define>
    </ui:composition> 
</html>